<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>素材管理</title>
		<meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
		<meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
		<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
		<link href="css/animate.min.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<link href="css/style.min.css?v=4.0.0" rel="stylesheet">
		<link href="css/activitymanage.css" rel="stylesheet">
	</head>

	<body class="gray-bg">
		<div class="animated fadeIn">
			<div class="row white-bg">
				<div class="col-sm-12">
					<div class="game-content clearfix">
						<div class="myzone-container">
							<!-- 图片面板 -->
							<div class="pic-container" id="pic-container">
								<div class="toolbar">
									<input type="checkbox" id="input-select-all">
									<span>全选</span>
									<button id="pic-delete" class="delete disabled btn btn-g btn-s">批量删除</button>
									<button class="btn btn-s" id="pic-upload">
            <div id="pic-upload-text">
                <img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-assets-upload.png">
                <span>本地上传</span>
                <img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-assets-upload-warn.png" id="pic-uploading-warn" class="hidden">
                <div id="pic-uploading-ques">
                    <img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-workbench-ques.png">
                    <div>仅支持PNG/JPG格式，文件大小在1MB以下的图片文件。</div>
                </div>
            </div>
            <div id="pic-uploading-text" class="hidden">
                <span class="filename"></span>
                <span class="filenum"></span>
                <img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-close-white.png" id="pic-uploading-cancel" style="width: 14px;height: 14px;">
            </div>
            <div id="pic-upload-progress"></div>
        </button>
									<input type="file" id="input-upload" accept="image/png, image/jpeg" multiple="">
								</div>
								<div class="pic-detail-div">
									<div id="pic-div-container">
										<div class="pic-wraper" name="el" id="pic-154847">
											<div class="pic">
												<div class="pic-div" style="background-image: url(&quot;https://img-2.24haowan.shanyougame.com/img/103451/103451150673275698908.jpg&quot;);"></div>
												<div class="delete"><img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-delete-white.png"></div>
												<div class="select"></div>
												<div class="info"></div>
											</div>
											<div class="name">1.jpg</div>
										</div>
										<div class="clear"></div>
									</div>
									<div class="pic-empty-div pic-public-hidden">啊哦_(:з)∠)_你还没有上传图片哟~</div>
								</div>
								<div class="page-toolbar">
									<div class="page-group">
										<span class="glyphicon glyphicon-triangle-left page-prev"></span>
										<span class="page-text">1 / 1</span>
										<span class="glyphicon glyphicon-triangle-right page-next"></span>
									</div>
								</div>
							</div>
							<!-- 奖品管理 -->
							<div class="prize-container hidden" id="prize-container">
								<div class="toolbar">
									<input type="checkbox" id="prize-input-select-all">
									<span>全选</span>
									<button id="prize-delete" class="delete btn btn-g btn-s">批量删除</button>
									<button id="prize-add" class="right-btn btn btn-g btn-s">添加奖品</button>
								</div>
								<div class="prize-div" id="prizetable-container">
									<table class="prize-table">
										<thead>
											<tr>
												<th style="width: 40px;min-width:0px;">&nbsp;</th>
												<th style="width: 10%">奖品图片</th>
												<th>奖品名称</th>
												<th style="width: 10%">兑奖方式</th>
												<th style="width: 50px;min-width:0px;">&nbsp;</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
									<div class="datatable-empty">暂无数据</div>
									<div class="data-loading" style="display: none;">
										<img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-loading.gif">
									</div>
								</div>
								<div class="page-toolbar">
									<div class="page-group">
										<span class="glyphicon glyphicon-triangle-left page-prev"></span>
										<span class="page-text">1 / 1</span>
										<span class="glyphicon glyphicon-triangle-right page-next"></span>
									</div>
								</div>
							</div>
							<!-- 核销人员管理 -->
							<div class="check-gift-container hidden" id="check-gift-container">
								<div class="toolbar">
									<a href="http://reward.24haowan.com/" target="_Blank">&gt;&gt;进入核销平台</a>
									<button class="right-btn btn btn-g btn-s" id="add-checker">增加核销人员</button>
								</div>
								<div class="check-gift-info">
									<p>通过绑定成为核销成员，成员可以通过网页或者手机微信对账号内活动发放的奖品进行核销处理。</p>
									<p>微信扫码登陆的用户，自动成为账号的默认核销小组成员。</p>
								</div>
								<div class="check-gift-div" id="check-gift-table">
									<table class="check-gift-table">
										<thead>
											<tr>
												<th class="hidden"></th>
												<th>微信头像</th>
												<th>微信昵称</th>
												<th>绑定时间</th>
												<th style="width: 12%">&nbsp;</th>
											</tr>
										</thead>
										<tbody id="check-gift-table-data">

										</tbody>
									</table>
									<div class="data-loading hidden">
										<img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-loading.gif">
									</div>
								</div>
								<div class="page-toolbar">
									<div class="page-group">
										<span class="glyphicon glyphicon-triangle-left page-prev"></span>
										<span class="page-text"><span id="checker-page-index">1</span> / <span id="checker-total">1</span></span>
										<span class="glyphicon glyphicon-triangle-right page-next"></span>
									</div>
								</div>
							</div>
							<!-- 消息面板 -->
							<div class="msg-container hidden" id="msg-container">
								<div class="toolbar">系统通知</div>
								<div class="msg-div">
									<div class="notice-header">
										<div class="title">您创建的游戏“月饼消消乐(2)”已过期</div>
									</div>
									<div class="date">2017-10-07 08:56</div>
									<div class="content" style="display: block;">您创建的游戏“月饼消消乐(2)”已于2017-10-07 08:56:01过期啦，您可以在“我的游戏”里查看游戏的相关数据或其他处理。</div>
								</div>
								<div class="msg-div">
									<div class="notice-header">
										<div class="title">欢迎来到24好玩！我们等你很久啦~</div>
									</div>
									<div class="date">2017-09-28 08:15</div>
									<div class="content" style="">终于等到你，还好我没放弃 (￣y▽￣)~* 欢迎成为24好玩的用户！ 24好玩——营销也可以很好玩！ 希望您使用愉快，如果您在操作的过程中有任何疑问，都可以联系我们： 联系电话：400-008-1224 微信号：hellomiao12345 邮箱：yueyin.qin@24haowan.com 24好玩近期推出免费增值服务： 用户使用24好玩创建活动，或者正准备创建的活动，可以利用【小游戏福利社】这个公众号进行免费推广。小游戏福利社目前粉丝量3W+，平均阅读量5000+。能够快速增加品牌的曝光率，提高活动参与度。 关注【小游戏福利社】微信公众号，点开菜单栏【免费帮推】 或者直接 点击https://www.sojump.hk/jq/14939512.aspx 此链接进行申请。</div>
								</div>
								<div class="page-toolbar">
									<div class="page-group">
										<span class="glyphicon glyphicon-triangle-left page-prev"></span>
										<span class="page-text">1 / 1</span>
										<span class="glyphicon glyphicon-triangle-right page-next"></span>
									</div>
								</div>
							</div>
							<!-- 帐号相关 -->
							<div class="account-container">
								<!-- 导航 -->
								<div class="account-nav-container" style="display: none;">
									<div class="account-nav" name="accountInfo" id="accountInfo-guide">账号信息</div>
									<div class="account-nav" name="contact" id="contact-guide">联系方式</div>

									<div class="account-nav" name="giftmoney" id="giftmoney-guide">红包设置</div>
									<div class="account-nav" name="invoice" id="invoice-guide">发票管理</div>
									<div class="account-nav" name="coupon" id="coupon-guide">我的优惠券</div>
								</div>
								<!-- 联系方式 -->
								<div class="contact-container" id="contact-container" style="display: none;">
									<div class="contact-div">
										<div class="contact-form">
											<div class="contact-label">联系名称：</div>
											<input type="text" class="input-text input-text-l" id="contact-name">
											<div class="contact-label">联系邮箱：</div>
											<input type="text" class="input-text input-text-l" id="contact-email">
											<div class="contact-label">公司名称：</div>
											<input type="text" class="input-text input-text-l" id="contact-company">
											<div class="contact-label">联系地址：</div>
											<input type="text" class="input-text input-text-l" id="contact-address">
											<button class="btn btn-g btn-l" id="contact-btn">确认修改</button>
										</div>
									</div>
								</div>
								<!-- 账号安全 -->
								<div class="account-safe-container" id="account-container" style="display: none;">
									<div class="account-safe-div">
										<div>绑定手机：</div>
										<div class="note"></div>
										<button class="btn btn-g btn-s" id="account-btn-account">确认修改</button>
										<div>密码：</div>
										<div class="note">为了您的账号安全，请定期修改密码。</div>
										<button class="btn btn-g btn-s" id="account-btn-pwd">确认修改</button>
									</div>
								</div>
								<!-- 红包设置 -->
								<div class="giftmoney-container" id="giftmoney-container" style="display: none;">
									<div class="giftmoney-div">
										<div class="desc">如需自定义微信红包的发放账号，需要配置以下微信支付信息，有关自定义发送红包详情，请点击
											<a href="/help/qaDetail/id/141">这里</a>。</div>
										<div class="remind">待发放的红包总数：<span>0</span> 元，请确保账户余额不少于该数字，否则活动将会暂停访问。</div>
										<div class="info-container">
											<div class="left-text">微信商户公众号APP KEY</div>
											<input type="text" class="right-block key" id="" placeholder="微信商户平台指定的密钥信息">
										</div>
										<div class="info-container">
											<div class="left-text">支付证书文件</div>
											<input type="file" accept="application/zip" style="display: none;" id="uploadCert">
											<a class="right-block file file-hover">上传文件</a>
										</div>
										<div class="info-container">
											<div class="left-text">微信支付商户ID</div>
											<input type="text" class="right-block business-id" id="" placeholder="微信支付分配的商户识别号">
										</div>
										<div class="info-container">
											<div class="left-text">商户关联认证公众号</div>
											<a class="right-block btn btn-g wx-button wx-button-hover" target="_blank" href="/wxop/default/gameAuth/game_id/0">
												<img src="http://24haowan-cdn.shanyougame.com/public/images/web/icon-weixin-auth-btn.png"> 微信公众号授权
											</a>
										</div>
										<div class="button-container">
											<button class="btn btn-g save_update">测试并保存</button>
											<a class="delete_cancel" style="display: none;">取消</a>
											<button class="btn btn-g save_update" style="display: none;">更新配置</button>
											<a class="delete_cancel" style="display: none;">清除配置</a>
										</div>
										<div class="attention-container">
											*注意：为确保配置有效，每次修改后都需要重新进行发送验证才可保存成功。
										</div>
									</div>
								</div>
								<!-- 账户信息 -->
								<div class="accountInfo-container" id="accountInfo-container" style="display: none;">
									<div class="accountInfo-div">
										<div class="account-info-container">
											<div class="info-block">
												<span class="text-left">账户级别</span>
												<span class="member-level" style="background-color: rgb(52, 152, 219);">免费会员</span>
												<span class="btn btn-g btn-upgrade">升级会员</span>
												<div class="coupon-text" style="display: none;">
													<span>当前处于</span>
													<span class="coupon-account">标准版体验版</span>
													<span>，将于</span>
													<span class="coupon-date">2017-12-01 12:00</span>
													<span>到期。</span>
												</div>
											</div>
											<div class="info-block">
												<span class="text-left">有效期</span>
												<span class="date">没有期限</span>
												<span class="btn-blue" style="display: none;">续费</span>
											</div>
											<div class="info-block">
												<span class="text-left">账户余额</span>
												<span class="balance">
                        <span class="symbol">￥</span>
												<span class="number">0.00</span>
												<span class="unit">元</span>
												</span>
												<span class="btn-blue">充值</span>
											</div>
										</div>
										<div class="account-table-container">
											<div class="nav-container">
												<div class="nav-item active">所有订单</div>
												<div class="nav-item">充值</div>
												<div class="nav-item">支付</div>
												<div class="nav-item">退款</div>
											</div>
											<div class="table-container">
												<div class="table-row">
													<div class="item" style="width: 56px;">编号</div>
													<div class="item" style="width: 56px;">类型</div>
													<div class="item" style="width: 56px;">日期</div>
													<div class="item" style="width: 56px;">描述</div>
													<div class="item" style="width: 56px;">金额</div>
													<div class="item" style="width: 56px;">状态</div>
													<div class="item" style="width: 56px;">操作</div>
												</div>

												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="table-row" style="display: none;">
													<div class="item"></div>
												</div>
												<div class="pic-empty-div">
													<img src="http://24haowan-cdn.shanyougame.com/public/images/webCustom/myzone/icon-without-invoice.png">
													<div>无订单记录</div>
												</div>
											</div>
										</div>
									</div>

								</div>
								<!-- 发票管理 -->
								<div class="invoice-container" id="invoice-container" style="display: none;">
									<div class="invoice-div v-transition">
										<div class="amount-container">
											<div class="desc">
												<span class="text">剩余可开票金额</span>
												<span class="money">
                        <span class="symbol">￥</span>
												<span class="number">0.00</span>
												<span class="unit">元</span>
												</span>
												<button class="btn btn-g btn-apply disabled">申请发票</button>
											</div>
											<div class="desc">
												<span class="text">已开票金额</span>
												<span class="money">
                        <span class="symbol">￥</span>
												<span class="number">0.00</span>
												<span class="unit">元</span>
												</span>
											</div>
										</div>
										<div class="record-container">
											<div class="title">历史开票记录</div>
											<div class="list">
												<div class="list-row">
													<div class="list-item">开票日期</div>
													<div class="list-item">开票抬头</div>
													<div class="list-item">发票内容</div>
													<div class="list-item">发票金额</div>
													<div class="list-item">快递单号</div>
													<div class="list-item">状态</div>
													<div class="list-item">操作</div>
												</div>

												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="list-row" style="display: none;">
													<div class="list-item"></div>
												</div>
												<div class="pic-empty-div">
													<img src="http://24haowan-cdn.shanyougame.com/public/images/webCustom/myzone/icon-without-invoice.png">
													<div>无开票记录</div>
												</div>
											</div>
										</div>

									</div>
									<div class="apply-div v-transition" style="display: none;">
										<div class="nav">
											<a>发票管理</a> &gt; 申请发票</div>
										<div class="invoice-hint">1000元以下顺丰到付，1000元以上顺丰包邮</div>
										<div class="input-container">
											<label>金额</label>
											<input type="text" class="input-block" placeholder="请输入金额" data-input="amount">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="amount-remind">剩余可开票金额：<span>0.00</span>元</div>
										<div class="input-container">
											<label>发票抬头</label>
											<input type="text" class="input-block" maxlength="255" placeholder="请输入发票抬头" data-input="title">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="input-container">
											<label>纳税人识别号</label>
											<input type="text" class="input-block" maxlength="255" placeholder="请输入纳税人识别号" data-input="taxpayerId">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="input-container">
											<label>发票类型</label>
											<select>
												<option value="normal_e">增值税普通发票（电子版）</option>
												<option value="normal">增值税普通发票</option>
												<option value="special">增值税专用发票</option>
											</select>
										</div>
										<div>
											<div class="border-container"></div>
											<div class="input-container">
												<label>电子邮箱</label>
												<input type="text" class="input-block" placeholder="请输入电子邮箱" data-input="email">
												<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
											</div>
										</div>
										<div class="border-container"></div>
										<div class="input-container">
											<label>发票内容</label>
											<input type="text" class="input-block" readonly="readonly" style="background-color: #F6F6F6;">
										</div>
										<div class="content" style="display: none;">
											<div class="input-container">
												<label>开户行</label>
												<input type="text" class="input-block" maxlength="255" placeholder="请输入开户行" data-input="bank">
												<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
											</div>
											<div class="input-container">
												<label>开户行账号</label>
												<input type="text" class="input-block" maxlength="255" placeholder="请输入开户行账号" data-input="account">
												<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
											</div>
											<div class="input-container">
												<label>公司注册地址</label>
												<input type="text" class="input-block" maxlength="255" placeholder="请输入公司注册地址" data-input="companyAddress">
												<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
											</div>
											<div class="input-container">
												<label>公司联系电话</label>
												<input type="text" class="input-block" maxlength="255" placeholder="区号-电话号码／手机号号码" data-input="companyPhone">
												<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
											</div>
										</div>
										<div class="input-container">
											<label>收件人</label>
											<input type="text" class="input-block" maxlength="255" placeholder="请输入收件人" data-input="name">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="input-container">
											<label>联系电话</label>
											<input type="text" class="input-block" placeholder="区号-电话号码／手机号号码" data-input="phone">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="input-container">
											<label>联系地址</label>
											<input type="text" class="input-block" maxlength="255" placeholder="请输入联系地址" data-input="address">
											<span style="font-size: 12px; color: rgb(231, 76, 60); display: none;">*</span>
										</div>
										<div class="button-container">
											<button class="btn btn-g btn-submit">提交申请</button>
											<button class="btn-cancel">取消</button>
										</div>
										<input type="file" accept="image/png,image/jpeg" style="display: none;" id="file_1">
										<input type="file" accept="image/png,image/jpeg" style="display: none;" id="file_2">
										<input type="file" accept="image/png,image/jpeg" style="display: none;" id="file_3">
									</div>
									<div class="detail-div v-transition" style="display: none;">
										<div class="nav">
											<a>发票管理</a> &gt; 申请详情</div>
										<div class="text-container">
											<div class="text-left">申请状态</div>
											<div class="text-right"></div>

										</div>

										<div class="text-container" style="margin-top:20px;">
											<div class="text-left">开票日期</div>
											<div class="text-right"></div>
										</div>
										<div class="text-container">
											<div class="text-left">发票金额</div>
											<div class="text-right">元</div>
										</div>
										<div class="text-container">
											<div class="text-left">发票抬头</div>
											<div class="text-right"></div>
										</div>
										<div class="text-container">
											<div class="text-left">纳税人识别号</div>
											<div class="text-right"></div>
										</div>
										<div class="text-container">
											<div class="text-left">发票类型</div>
											<div class="text-right">

											</div>
										</div>
										<div class="text-container">
											<div class="text-left">发票内容</div>
											<div class="text-right"></div>
										</div>

										<div class="border-container"></div>

										<div class="text-container">
											<div class="text-left">收件人</div>
											<div class="text-right"></div>
										</div>
										<div class="text-container">
											<div class="text-left">联系电话</div>
											<div class="text-right"></div>
										</div>
										<div class="text-container">
											<div class="text-left">联系地址</div>
											<div class="text-right"></div>
										</div>

										<div class="button-container">
											<button class="btn btn-g btn-return">返回</button>
										</div>
									</div>
								</div>
								<!-- 优惠券 -->
								<div class="coupon-container" id="coupon-container" style="display: none;">
									<div class="coupon-div">
										<div class="exchange">
											<input type="text" class="input-text" placeholder="请输入优惠券兑换码">
											<button class="btn btn-w">兑换</button>
											<div class="error" style="display: none;">* </div>
										</div>
										<div class="coupons">
											<div class="empty">您目前没有可用的优惠券。</div>
											<ul style="display: none;">
												<li class="active"><span>未使用</span><span>(0)</span></li>
												<li><span>已使用</span><span>(0)</span></li>
												<li><span>已过期</span><span>(0)</span></li>
											</ul>
											<div class="coupons-div" style="display: none;">

											</div>
											<div class="remind">
												<div class="title">注意事项</div>
												<div class="text">1. 使用代金券进行抵扣时，最多只能使用一张代金券，不可叠加。</div>
												<div class="text">2. 会员体验券的有效时长以当前的体验券时长为准，不能使用多张叠加时长。</div>
												<div class="text">3. 会员体验券使用后立即生效，到期后自动恢复原来的会员身份，原先的会员有效期不变。</div>
												<div class="text">4. 使用体验券后再升级会员，则原先的会员体验时长作废。</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.5"></script>
		<script src="js/content.min.js?v=1.0.0"></script>
		<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
	</body>

</html>